<?php
	//Ultima comprobacion: 28-10-2014
?>

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8" />
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
        <title>
			<?php
				//Busco a la institucion que hay que visualizar
				$institucion = $this->m_institucion->get(1);
				
				echo($institucion->row()->nombre);
			?> - Login de Usuarios
		</title>
        
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login de Usuarios" />
        <meta name="keywords" content="Login de Usuarios" />
        <meta name="author" content="VeemeSoft" />
        
		<link rel="shortcut icon" href="<?php echo(base_url()); ?>img/logoV.png">
        <link rel="stylesheet" type="text/css" href="<?php echo(base_url()); ?>LoginRegistrationForm/css/demo.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo(base_url()); ?>LoginRegistrationForm/css/style.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo(base_url()); ?>LoginRegistrationForm/css/animate-custom.css" />
		
		<!-- ......................................CODIGO CSS DE LA WEB ..............................................-->
		<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/estilosLogin.css">
		
		<!-- ..............................................JQUERY ....................................................-->
		<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery-1.8.1.min.js"></script>
		
		<!-- ......................................CODIGO JS DE LA WEB ...............................................-->		
		<script type="text/javascript">
			$(document).ready(function(){
				//Se da el foco al campo nombreUsuario que es donde el usuario ingresara sus datos
				$("#nombreUsuario").focus();
			});
			
			//Metodo que se llama para iniciar sesion al sistema
			function iniciarSesion(){
				usuario = document.getElementById("nombreUsuario");
				password = document.getElementById("passwordUsuario");
				
				$("#errorLogin").html("");
				
				if(usuario.value != "" && password.value != "" && password.value.length >= 6){
					document.formIngreso.submit();
				}else{
					alert("Disculpe, debe ingresar todos los campos requeridos para iniciar sesi\u00f3n. Aquellos marcados con rojo est\u00e1n incompletos.");				
					
					if(usuario.value == "")	$("#nombreUsuario").addClass("campoIncompleto"); else $("#nombreUsuario").removeClass("campoIncompleto");
					if(password.value == "" || password.value.length < 6) $("#passwordUsuario").addClass("campoIncompleto"); else $("#passwordUsuario").removeClass("campoIncompleto");
				}
			}
			
			//Metodo que se llama cuando apretamos enter en el campo password
			function enterIniciarSesion(){
				//Si apreto la tecla enter
				if (window.event.keyCode == 13){
					//window.event.keyCode =9;
					iniciarSesion();
				}
			}
		</script>
    </head>
    <body>
        <br><br>
		<div class="container">
            <section>
                <div id="container_demo" >
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form name="formIngreso" method="post" action="<?php echo(site_url("usuario/iniciarSesion")); ?>" autocomplete="on"> 
                                <h1>
									<?php
										//Busco a la institucion que hay que visualizar
										$institucion = $this->m_institucion->get(1);
										
										echo($institucion->row()->nombre);
									?>
								</h1>
                                <p> 
                                    <label for="nombreUsuario" class="uname" data-icon="u" > Su usuario: </label>
                                    <input id="nombreUsuario" name="nombreUsuario" required="required" type="text" placeholder="Mi usuario" value="<?php echo(get_cookie('nombreUsuario')); ?>"/>
                                </p>
                                <p>
                                    <label for="passwordUsuario" class="youpasswd" data-icon="p"> Su contrase&ntilde;a: </label>
                                    <input id="passwordUsuario" name="passwordUsuario" required="required" type="password" placeholder="Ej. X8df!90EO" value="<?php echo(get_cookie('passwordUsuario')); ?>" onkeypress="enterIniciarSesion()"/> 
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" name="recordarUsuario" id="recordarUsuario"/> 
									<label for="recordarUsuario">Recordarme</label>
								</p>	

								<?php if($error){ ?>								
								<p id="errorLogin" class="keeplogin" style="color:red"> 
									<?php echo($mensajeError); ?>
								</p>
								<?php } ?>
								
                                <p class="login button"> 
                                    <input type="button" value="Ingresar" onclick="iniciarSesion()"/> 
								</p>
								
								<p class="keeplogin"> 
									¿Olvid&oacute; su contrase&ntilde;a? Haga <a href="<?php echo(site_url("inicio/recordarDatos")); ?>"> Clic aqu&iacute; </a>
								</p>
								
                                <!--<p class="change_link">
									Su Instituci&oacute;n no est&aacute; registrada a&uacute;n?
									<a href="" class="to_register">Registrar</a>
								</p>-->
                            </form>
                        </div>                       					
                    </div>
                </div>  
            </section>			
        </div>
		<br><br>
    </body>
</html>